<template>
  <div>
    <header-nav :leftArrow="true" :titelText="'文件查看'"></header-nav>
    <iframe :src="fileUrl" frameborder="0" width="100%" height="800"></iframe>
    <!-- <div id="wordView" v-html="wordText" /> -->
  </div>
</template>
<script setup>
const { usePublic } = $globalStore

const route = useRoute()
const url = ref(route.query.url)
const fileUrl = ref('')
const wordText = ref('')

onMounted(async () => {
  if (url.value != '') {
    const xhr = new XMLHttpRequest()
    const r = await usePublic.bindFileUrl(url.value)
    if (r.code == 0) {
      fileUrl.value = r.data
      // xhr.open('get', fileUrl.value, true)
      // xhr.responseType = 'arraybuffer'
      // xhr.onload = () => {
      //   if (xhr.status == 200) {
      //     mammoth
      //       .convertToHtml({ arrayBuffer: new Uint8Array(xhr.response) })
      //       .then((resultObject) => {
      //         $nextTick(() => {
      //           wordText.value = resultObject.value
      //         })
      //       })
      //   }
      // }
      // xhr.send()
    }
  }
})
</script>
